<template>
  <div>
    <div  v-for="(item, index) in item" :key="index">
      <a-card hoverable style="width:43%;float:left;margin-left:4.7%;margin-top:4%">
        <img slot="cover" alt="example" :src="item.mainPic" />
        <a-card-meta :title="item.title">
          <template slot="description">{{item.shipPercent}}</template>
          <template slot="description">
            <a-icon style="color:red;font-size:15px" type="plus" />
          </template>
           <template slot="description">
           数量: {{item.num}}
          </template>
        </a-card-meta>
      </a-card>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      item: JSON.parse(localStorage.getItem("cartyes")) || []
    };
  },
};
</script>

<style>
</style>